<script setup>
import { ref, onMounted, } from 'vue'
import { useCommonStore } from '../../stores/commonStore';
// 网站设置
const webSetting = ref({})
// 获取setting
const commonStore = useCommonStore()

onMounted(async () => {
  await commonStore.getSetting()
  webSetting.value = commonStore.setting
})


</script>

<template>
  <div class="flex-col w-fit sticky -top-94">
    <div class="mb-2 shadow-md shadow-slate-300">
      <Meta
        :title="webSetting.title"
        :subTitle="webSetting.subTitle"
      >
      </Meta>
      <Menu></Menu>
    </div>
    <div class="sticky top-0">
      <div class=" pt-2  shadow-md shadow-gray-300">
        <User
          :userName="webSetting.userName"
          :motto="webSetting.motto"
        ></User>
      </div>
      <div class="pt-2  shadow-md shadow-gray-300">
        <Overview></Overview>
      </div>
    </div>
  </div>

</template>

<style
  scoped
  lang='scss'
></style>